<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--下面的这个标签就是视口标签，可以通过该标签设置视口大小。视口的概念只在移动端生效，pc端是没有的。-->
    <!--width=device-width-->
    <!--device-width 当前手机的设备独立像素的宽度-->
    <!--initial-scale=1.0网页初始的缩放，一般是1-->

    <!--user-scalable=no代表不允许用户缩放-->
    <!--但是这种设置在部分的手机上是存在兼容性，一般还会加上一句 maximum-scalable=1.0, minimum-scale=1.0-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scalable=1.0, minimum-scale=1.0">

</head>
<body>
    <h1>移动端的视口为设备独立像素的宽度 device-width</h1>
</body>
<script type="text/javascript">

</script>

</html>
